嗨嗨!我是Winnie溫尼~
在開始學習JavaScript以前,我們先來認識網頁設計的三大元素「HTML 、CSS、JavaScript」。
<h1>Hello World!</h1>
<!-- 註解:這是一個網頁標題 -->
h1{
color:blue;
}
/* 註解:將h1標題文字變成藍色 */
const title = document.querySelector("h1");
// 註解:將h1存入title變數中
title.addEventListener("click", function (e) {
title.textContent = "你好!";
});
//註解:當title被點擊時,原本的「Hello World!」文字轉變為「你好!」
範例CodePen
換你試試!將文字改成自己喜歡的顏色,將點擊後的內容改成想說的話吧!
簡單來說,若我們以人做為比喻的話,HTML會是身體結構,CSS是衣服穿搭,JavaScript則是各種動作!
JavaScript 是一個動態程式語言,應用於 HTML 文件(document)上時,就可以為網頁提供動態的互動功能,初階的應用如跑馬燈、相簿、動態版型、回應按鈕點擊等。進階應用甚至可以**製作遊戲、2D 平面以及立體的圖像、資料庫系統、桌面和行動應用程式的開發以及在伺服器端網路環境執行(如Node.js)**等等!
Stackoverflow 2021年對工程師的調查,對專業工程師來說,最熱門、應用最多的程式語言是JavaScript、HTML/CSS、Python和SQL。
(圖/Stack Overflow)
GitHub Octoverse 2021年報告呈現的開發社群技術趨勢,JavaScript 從 2014 年起,已經連續 8年蟬聯 GitHub 開發者最常使用的程式語言。而隨著 AI 機器學習相關的主題越來越熱門,Python 從 2019 年起已經超越 Java,成為開發者第二常用的程式語言。
(圖/GitHub)
剛開始學習的時候一直以為Java是JavaScript的縮寫ఠ_ఠ
JavaScript與Java在名字和語法上都很相似,但這兩門程式語言從設計之初就有很大不同。1995 年時,Netscape (網景公司) 與昇陽科技聯手完成 Netscape Navigator 2.0 的腳本語言「LiveScript」。後來由於「趕流行」而改名為「JavaScript」:因為當時網景公司與昇陽科技組成的開發聯盟為了讓這門語言搭上當時正夯的 Java 程式語言這個「熱詞」,因此臨時將 LiveScript 改名為 JavaScript,但這也成為日後大眾對這門語言有諸多誤解(如誤以為這門語言與 Java 有關)的原因之一。
JavaScript 基礎
JavaScript
JavaScript 語言 (JavaScript Programming Language)
JavaScript 與 Java 有關係嗎?JavaScript 的編年史
2022 熱門程式語言,JavaScript、Python 哪個語言職缺最多?
新手上路,如文章有錯誤或需修正之處,懇請大家多多指教!
那麼,我們明天見囉~